
@import url(http://fonts.googleapis.com/css?family=Lato:400,700italic);
* { padding: 0; margin: 0; }
body {
    background: #ffffff;
    letter-spacing: 1px;
}

header {

    padding: 2em 5%;
    background: #67a7ff;
    color: #767676;
    height: 20px;
}

#black {
    z-index: 100;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    opacity: 0.5;
    position: fixed;
}

.dialogBox {
    border: 2px solid #00008b;
    background: #ffffff;
    z-index: 101;
}
.dialogBox table {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}
.dialogBox td {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: bottom;
}

header::after {
    content: '';
    display: inline-block;
    width: 100%;
}

td {
    vertical-align: top;
}

header > div,
header > div::before,
header nav,
header > div h1 {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

header > div {
    height: 100%;
}

header > div::before {
    content: '';
    height: 100%;
}

header > div h1 {
    font-size: 3em;
    font-style: italic;
}


header nav a:last-child {
    padding-right: 0;
}

@media screen and (max-width: 720px){

    header {
        height: auto;
    }

    header > div,
    header > div h1,
    header nav {
        height: auto;
        width: auto;
        display: block;
        text-align: center;
    }

}

h1 {
    font-size: 2em;
    font-weight: bold;
    text-align: center;
}

h2 {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center;
    color: #767676;
}

.h2class {

    font-size: 15pt;
    font-weight: bold;
    text-align: center;
    color: #767676;
}

body, td, a, div, .p {
    font-family: arial, sans-serif
}
.game-panel {
    margin: auto ;
}

.game-canvas {
    background: center ;
    background-repeat: no-repeat;
    width: 100% ;
    position: absolute ;
}

.restart-button {
    border: 		solid 5px;
    border-color: 	#FA5A78;
    font-weight: 	bold;
    margin-left: 	490px;
    margin-top: 	240px;
    padding: 		15px;
    position: 		fixed;
}


button[type=button]{
    padding: 3px;
    margin: 0;
}




.gwt-TabBarItem {
    background:#006400;
    border-top-left-radius: 5px;  /* свойство для тех кто его поддерживает */
    border-top-right-radius: 5px;  /* свойство для тех кто его поддерживает */
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;/* для firefox */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-right-left-radius: 5px;

}

.gwt-TabBarItem-selected {
    background: #32cd32;
    border-top-left-radius: 5px;  /* свойство для тех кто его поддерживает */
    border-top-right-radius: 5px;  /* свойство для тех кто его поддерживает */
    -moz-border-top-left-radius: 5px;
    -moz-border-top-right-radius: 5px;/* для firefox */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-right-left-radius: 5px;
}

.gwt-DecoratedTabBar {
    padding-left: 0px;
}

.gwt-DecoratedTabBar .gwt-TabBarFirst {
    width: 5px;  /* first tab distance from the left */
}

.gwt-TabBarFirst-wrapper {
    position:absolute;
    width:0px;
    margin:-4px;
    padding:0px;
    background:#006400;
}

.gwt-DecoratedTabBar .gwt-TabBarRest {
}

.gwt-DecoratedTabBar .gwt-TabBarItem {
    border-collapse: collapse;
    margin-right: 3px;
}

.gwt-DecoratedTabBar .tabTopCenter {
    padding: 0px;

}

.gwt-DecoratedTabBar .tabTopLeft,
.gwt-DecoratedTabBar .tabTopRight {
    padding: 0px;
    zoom: 1;
}

.gwt-DecoratedTabBar .tabTopLeftInner,
.gwt-DecoratedTabBar .tabTopRightInner {
    width: 3px;
    height: 3px;
}



.gwt-DecoratedTabBar .tabMiddleLeft,
.gwt-DecoratedTabBar .tabMiddleRight {
    width: 3px;
    padding: 0px;

}

.gwt-DecoratedTabBar .tabMiddleLeftInner,
.gwt-DecoratedTabBar .tabMiddleRightInner {
    width: 1px;
    height: 1px;
}

.gwt-DecoratedTabBar .tabMiddleCenter {
    padding: 0px 5px 4px 5px;
    cursor: pointer;
    cursor: hand;
    color: #fff;
    font-weight: normal;
    text-align: center;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {


}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {

}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {

}

.gwt-DecoratedTabBar .tabTopLeft {
}

.gwt-DecoratedTabBar .tabTopRight {
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
    cursor: default;
    font-weight:bold;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
    cursor: default;
}

html>body .gwt-DecoratedTabBar {
}

* html .gwt-DecoratedTabBar .tabTopLeftInner,
* html .gwt-DecoratedTabBar .tabTopRightInner {
    width: 3px;
    height: 3px;
    overflow: hidden;
}

.gwt-TabPanel {
}

.gwt-TabPanelBottom {
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;  /* свойство для тех кто его поддерживает */
    border-bottom-right-radius: 5px;  /* свойство для тех кто его поддерживает */
    -moz-border-bottom-left-radius: 5px;
    -moz-border-bottom-right-radius: 5px;/* для firefox */
    -moz-border-top-right-radius:5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;

    background:#32cd32;
    border-color: #32cd32;
    border-style: solid;
    border-width: 0px 1px 1px;
    overflow: hidden;
    padding: 6px;
}

.iconPanel {
    margin-left: auto;
    margin-right: auto;
}
.iconPanel td {
    text-align: center;
}
#CommonGameTable {
    margin-left: auto;
    margin-right: auto;
}

#rightMiddle  {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}
#leftMiddle {
    width: 400px;
    margin-left: auto;
    margin-right: auto;
}
#centerTop {
    height: 50px;
    vertical-align: middle;
}


#divStart{
    padding-top: 10px;
    margin: 0;
    color: #767676;;
}

#tblStart{
    color: #767676;
    font-weight: bold;
}

#divWork{
    padding-top: 10px;
    margin: 0;
}

.buttonsPanel {
    margin-left: auto;
    margin-right: auto;
}



